<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex index_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between index_fd0_0'>
					<view class='flex flex-wrap align-center index_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='index_fd0_0_c1_c0'>高整无忧-数字家政平台</text>
					</view>
					<view class='flex align-center justify-end index_fd0_0_c2'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_1">
				<view class='flex flex-wrap align-center'>
					<image class='self-start index_fd1_0_c0' mode="aspectFill" :src='indexData.store_logo'></image>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
						<view class='flex flex-wrap align-center index_fd1_0_c1_c0'>
							<text class='index_fd1_0_c1_c0_c0'>{{indexData.store_name}}</text>
							<view class='flex flex-wrap align-center index_fd1_0_c1_c0_c1'>
								<text class='index_fd1_0_c1_c0_c1_c0'>店铺星级：</text>
								<view class='flex flex-wrap align-center'>
									<template v-for="starNum in [1,2,3,4,5]">
										<image v-if="indexData.store_rating >= starNum" :key="starNum"
											class='index_star1fd1_0_c1_c0_c1_c1' mode="aspectFit"
											:src='STATIC_URL+"58.png"'></image>
										<image v-else :key="starNum" class='index_star1fd1_0_c1_c0_c1_c1'
											mode="aspectFit" :src='STATIC_URL+"31.png"'></image>
									</template>
								</view>
							</view>
						</view>
						<view class='flex flex-wrap align-center'>
							<image class='index_fd1_0_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"57.png"'></image>
							<text class='index_fd1_0_c1_c0_c1_c0'>{{indexData.store_address}}</text>
						</view>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_2">
				<view class='flex flex-wrap align-center justify-between index_fd2_0'>
					<image class='index_fd2_0_c0' mode="aspectFit" :src='STATIC_URL+"68.png"'></image>
					<text class='index_fd2_0_c1'>数据概况</text>
					<view class='flex flex-wrap align-center index_fd2_0_c2' @tap.stop="pickerDiy1696585711128=true">
						<text class='index_fd2_0_c2_c0'>{{surveyLable}}</text>
						<image class='index_fd2_0_c2_c1' mode="aspectFit" :src='STATIC_URL+"2.png"'></image>
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-around index_fd2_1'>
					<view class='flex flex-direction flex-wrap align-center'>
						<text class='index_fd2_1_c0_c0'>订单总计</text>
						<text class='index_fd2_1_c0_c1'>{{indexData.tongji}}</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center'>
						<text class='index_fd2_1_c0_c0'>营业收入</text>
						<text class=' index_fd2_1_c1_c1'>
							<text>{{ indexData.zj | frontPrice }}</text>
							<text>{{ indexData.zj | laterPrice }}</text>
						</text>
					</view>
					<!-- <view class='flex flex-direction flex-wrap align-center'>
						<text class='index_fd2_1_c0_c0'>利润</text>
						<text class=' index_fd2_1_c1_c1'>
							<text>{{ indexData.lre | frontPrice }}</text>
							<text>{{ indexData.lre | laterPrice }}</text>
						</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center'>
						<text class='index_fd2_1_c0_c0'>成本</text>
						<text class=' index_fd2_1_c1_c1'>
							<text>{{ indexData.cb | frontPrice }}</text>
							<text>{{ indexData.cb | laterPrice }}</text>
						</text>
					</view> -->
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1712040223691" :mask="true" :mask-close-able="true" mode='center'>
				<!---未认证弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_3">
					<text class='index_fd3_0'>提示</text>
					<text class='index_fd3_1'>您还未认证，请先认证！</text>
					<view class='flex flex-wrap align-center'>
						<button class='index_fd3_2_c0' @tap.stop="popupShow1712040223691=false">取消</button>
						<button class='index_fd3_2_c1' @tap.stop="hideJumpFunc()">去认证</button>
					</view>
				</view>

				<!---未认证弹窗flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1712040060289" :mask="true" :mask-close-able="true" mode='center'>
				<!---认证失败弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_4">
					<text class='index_fd4_0'>提示</text>
					<text class='index_fd4_1'>您的认证失败，请重新认证！</text>
					<view class='flex flex-wrap align-center'>
						<button class='index_fd4_2_c0' @tap.stop="popupShow1712040060289=false">取消</button>
						<button class='index_fd4_2_c1' @tap.stop="hideWindowFunc()">重新认证</button>
					</view>
				</view>

				<!---认证失败弹窗flex布局结束-->

			</benben-popup>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_5">
				<view class='flex flex-wrap align-center index_fd5_0'>
					<image class='index_fd5_0_c0' mode="aspectFit" :src='STATIC_URL+"69.png"'></image>
					<text class='index_fd5_0_c1'>订单总计</text>
					<view class='flex flex-wrap align-center index_fd5_0_c2'>
					</view>
					<text class='index_fd5_0_c3'>订单总计</text>
				</view>
				<view class=" index_fd5_1">
					<qiun-data-charts :canvas2d='true' :reshow='true' :ontouch='true' chart-type='1' type='column'
						:opts='chartsOptsfd6_1001' :chart-data="indexData.tj_tb" />
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_6">
				<view class='flex flex-wrap align-center index_fd6_0'>
					<image class='index_fd6_0_c0' mode="aspectFit" :src='STATIC_URL+"72.png"'></image>
					<text class='index_fd6_0_c1'>营业收入</text>
					<view class='flex flex-wrap align-center index_fd6_0_c2'>
					</view>
					<text class='index_fd6_0_c3'>营业收入</text>
				</view>
				<view class=" index_fd6_1">
					<qiun-data-charts :canvas2d='true' :reshow='true' :ontouch='true' chart-type='1' type='column'
						:opts='chartsOptsfd6_1002' :chart-data="indexData.ysze_tb" />
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<!-- 	<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_7">
				<view class='flex flex-wrap align-center index_fd7_0'>
					<image class='index_fd7_0_c0' mode="aspectFit" :src='STATIC_URL+"70.png"'></image>
					<text class='index_fd7_0_c1'>利润</text>
					<view class='flex flex-wrap align-center index_fd7_0_c2'>
					</view>
					<text class='index_fd7_0_c3'>利润</text>
				</view>
				<view class=" index_fd7_1">
					<qiun-data-charts :canvas2d='true' :reshow='true' :ontouch='true' chart-type='1' type='column'
						:opts='chartsOptsfd6_1003' :chart-data="indexData.lre_tb" />
				</view>
			</view> -->

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<!-- 	<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout index_flex_8">
				<view class='flex flex-wrap align-center index_fd8_0'>
					<image class='index_fd8_0_c0' mode="aspectFit" :src='STATIC_URL+"71.png"'></image>
					<text class='index_fd8_0_c1'>成本</text>
					<view class='flex flex-wrap align-center index_fd8_0_c2'>
					</view>
					<text class='index_fd8_0_c3'>成本</text>
				</view>
				<view class=" index_fd8_1">
					<qiun-data-charts :canvas2d='true' :reshow='true' :ontouch='true' chart-type='1' type='column'
						:opts='chartsOptsfd6_1004' :chart-data="indexData.cbe_tb" />
				</view>
			</view> -->

			<!---flex布局flex布局结束-->
			<!--概况选择器开始 -->
			<benben-picker ref="benbenWritePickerCodepicker9" :visible.sync="pickerDiy1696585711128"
				:label.sync='surveyLable' :value.sync='surveyValue' :options='surveyType' @change="getIndexDataFunc()"
				mode='selector' :mask-show='true' :timeout='true' :picker-height='88' default-type='value'
				:default-props='{"label":"name","value":"value"}'>
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between index_picker9_0'>
						<text class='index_picker9_0_c0' @tap="$refs.benbenWritePickerCodepicker9.cancel()">取消</text>
						<text class='index_picker9_0_c1'>请选择</text>
						<text class='index_picker9_0_c2'
							@tap="$refs.benbenWritePickerCodepicker9.pickerConfirm()">确认</text>
					</view>
				</template>
			</benben-picker>
			<!--概况选择器结束 -->
			<!--店铺选择器开始 -->
			<benben-picker ref="benbenWritePickerCodepicker10" :visible.sync="pickerDiy1682733545300"
				:label.sync='shopLable' :value.sync='shopID' :options='shopType' @change="cacheFunc()" mode='selector'
				:mask-show='true' :timeout='true' :picker-height='88' default-type='aid'
				:default-props='{"label":"store_name","value":"aid"}'>
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between index_picker10_0'>
						<text class='index_picker10_0_c0' @tap="$refs.benbenWritePickerCodepicker10.cancel()">取消</text>
						<text class='index_picker10_0_c1'>选择店铺</text>
						<text class='index_picker10_0_c2'
							@tap="$refs.benbenWritePickerCodepicker10.pickerConfirm()">确认</text>
					</view>
				</template>
			</benben-picker>
			<!--店铺选择器结束 -->


		</view>
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},


		data() {
			return {
				"pickerDiy1682733545300": false,
				"pickerDiy1696585711128": false,
				"newData": {
					"order_num": "",
					"sys_num": "",
					"no_read_num": "",
					"new_order_message": "",
					"new_sys": "",
					"order_time": "",
					"sys_time": ""
				},
				"chartsOptsfd6_1001": {
					"extra": {
						"column": {
							"type": "stack"
						},
						"markLine": {
							"dashLength": 4,
							"type": 'solid',
						},
					},
					'yAxis': {
						"splitNumber": '5',
					},
					color: ["#ff9b2a"],
					padding: [15, 15, 0, 5],
					touchMoveLimit: 24,
					enableScroll: true,
					legend: {},
					xAxis: {
						disableGrid: true,
						scrollShow: true,
						itemCount: 7
					},
				},
				"chartsOptsfd6_1002": {
					// "extra": {
					// 	"column": {
					// 		"type": "stack"
					// 	},
					// 	"markLine": {
					// 		"dashLength": 4,
					// 		"type": 'solid',
					// 	},
					// },
					// 'yAxis': {
					// 	"splitNumber": '',
					// },
					color: ["#791aff"],
					padding: [15, 15, 0, 5],
					touchMoveLimit: 24,
					enableScroll: true,
					legend: {},
					xAxis: {
						disableGrid: true,
						scrollShow: true,
						itemCount: 7
					},
				},
				"chartsOptsfd6_1003": {
					color: ["#ff614e"],
					padding: [15, 15, 0, 5],
					touchMoveLimit: 24,
					enableScroll: true,
					legend: {},
					xAxis: {
						disableGrid: true,
						scrollShow: true,
						itemCount: 7
					},
				},
				"chartsOptsfd6_1004": {
					color: ["#d30eff"],
					padding: [15, 15, 0, 5],
					touchMoveLimit: 24,
					enableScroll: true,
					legend: {},
					xAxis: {
						disableGrid: true,
						scrollShow: true,
						itemCount: 7
					},
				},
				"chartsOptsfd8_1": {
					"extra": {
						"column": {
							"type": "stack"
						},
						"markLine": {
							"dashLength": 4,
							"type": 'solid',

						},
					}
				},
				"chartsOptsfd7_1": {
					"extra": {
						"column": {
							"type": "stack"
						},
						"markLine": {
							"dashLength": 4,
							"type": 'solid',
						},
					}
				},
				"chartsOptsfd6_101": {
					"extra": {
						"column": {
							"type": "stack"
						},
						"markLine": {
							"dashLength": 4,
							"type": 'solid',
						},
					},
				},
				"chartsOptsfd5_1": {
					"extra": {
						"column": {
							"type": "stack"
						},
						"markLine": {
							"dashLength": 4,
							"type": 'solid',
						},

					}
				},
				"popupShow1712040060289": false,
				"popupShow1712040223691": false,
				"surveyType": [{
					"name": "今日",
					"value": "1",
					"image": ""
				}, {
					"name": "昨天",
					"value": "2",
					"image": ""
				}, {
					"name": "本周",
					"value": "3",
					"image": ""
				}, {
					"name": "上周",
					"value": "4",
					"image": ""
				}, {
					"name": "本月",
					"value": "5",
					"image": ""
				}, {
					"name": "上月",
					"value": "6",
					"image": ""
				}],
				"surveyLable": "今天",
				"surveyValue": "1",
				"indexData": {
					"store_name": "",
					"store_logo": "",
					"store_rating": "",
					"store_area": "",
					"store_address": "",
					"store_describe": "",
					"aid": "",
					"tongji": "",
					"zj": "",
					"cb": "",
					"lre": "",
					"mobile": "",
					"phone": "",
					"nickname": "",
					"avatar": "",
					"dizhi": "",
					"tubiao": [],
					"tj_tb": {
						"categories": [],
						"series": []
					},
					"ysze_tb": {
						"series": [],
						"categories": []
					},
					"cbe_tb": {
						"series": [],
						"categories": []
					},
					"lre_tb": {
						"categories": [],
						"series": []
					}
				},
				"shopType": [],
				"shopLable": "高整无忧",
				"shopID": uni.getStorageSync('shopID') || '',
				"userData": {
					"invite_code": "",
					"address": "",
					"address_code": "",
					"hobby": "",
					"tags": "",
					"id": "",
					"userlevel_id": "",
					"mobile": "",
					"real_name": "",
					"nickname": "",
					"avatar": "",
					"account": "",
					"email": "",
					"birthday": "",
					"gender": "",
					"create_time": "",
					"user_money": "",
					"freeze_money": "",
					"total_consumption_money": "",
					"score": "",
					"_mobile": "",
					"coupon": "",
					"collection_count": "",
					"browse_count": "",
					"total_money": "",
					"certified": "",
					"is_pay_password": "",
					"fuwuxingji": "",
					"gongzuozhuangtai": "",
					"shuzi": "",
					"jifen": "",
					"yajin": "",
					"level": {
						"aid": "",
						"name": "",
						"icon": "",
						"levelid": ""
					},
					"invite_num": "",
					"commission": "",
					"is_deposit": "",
					"is_account": "",
					"dengjidaoqishijian": "",
					"suozaidi": "",
					"huiyuanyue": "",
					"working_hours": "",
					"credit_score": "",
					"deposit": "",
					"deposit_switch": "",
					"withdrawal": "",
					"account_wx": "",
					"account_alipay": "",
					"account_bank": "",
					"joinin_state": "",
					"fid": "",
					"chinaarea_id": "",
					"city_status": "",
					"service_status": "",
					"remark": "",
					"deposit_money": ""
				}
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}
		},
		watch: {},
		onLoad(options) {
			if (global.appTabBarType) this.toHomeDiy()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			this.shopID = uni.getStorageSync('shopID') || ''
			this.isLoginType()
			this.getNewDataFunc()
			// this.getShopFunc()
			// this.getDataFunc()
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//是否登录
			isLoginType() {
				if (this.isLogin == true) {
					this.getIndexDataFunc()
					this.getDataFunc()
				} else {
					this.$urouter.navigateTo(`/pages/tabBar/logon/logon`);
				}
			},

			//获取门店信息
			async getIndexDataFunc() {
				//请求方法
				//数据验证
				let dataindexData = await this.$api.get(global.apiUrls.post63f71fd4b5371, {
					xuanxiang: this.surveyValue,
					partner_id: this.shopID
				});

				if (dataindexData.data.code != 1) {
					this.$message.info(dataindexData.data.msg);
					return
				}
				let infoindexData = dataindexData.data;
				this.indexData = infoindexData.data

				if (this.indexData.tongji != 0) {
					this.chartsOptsfd6_1001.yAxis.splitNumber = this.indexData.tongji < 5 ? this.indexData.tongji : 6
				} else
					console.log(this.chartsOptsfd6_1001.yAxis.splitNumber,
					'this.chartsOptsfd6_1001.yAxis.splitNumber');
				this.getDataFunc()
			},
			//获取店铺列表
			async getShopFunc() {
				//请求方法
				//数据验证

				let datashopType = await this.$api.get(global.apiUrls.post64c1e78e9f125, {

				});

				if (datashopType.data.code != 1) {
					this.$message.info(datashopType.data.msg);
					return
				}
				let infoshopType = datashopType.data;
				this.shopType = infoshopType.data

			},
			//缓存店铺ID
			cacheFunc() {
				uni.setStorageSync('shopID', this.shopID);
				this.getIndexDataFunc()
			},
			//判断是否认证
			determineFunc() {
				if (this.userData.joinin_state == 0) {
					this.popupShow1712040223691 = true;
				} else if (this.userData.joinin_state == '3') {
					this.popupShow1712040060289 = true;
				}
			},
			//获取用户信息
			async getDataFunc() {
				//请求方法
				//数据验证
				let datauserData = await this.$api.get(global.apiUrls.post5c78c4772da97, {});

				if (datauserData.data.code != 1) {
					this.$message.info(datauserData.data.msg);
					return
				}
				let infouserData = datauserData.data;
				this.userData = infouserData.data
				this.determineFunc()
			},
			//隐藏认证跳转
			hideJumpFunc() {
				this.popupShow1712040223691 = false;
				this.$urouter.navigateTo(`/pages/login/settlementMerchants/settlementMerchants`);
			},
			//隐藏认证失败跳转
			hideWindowFunc() {
				this.popupShow1712040060289 = false;
				this.$urouter.navigateTo(`/pages/login/revieweds/revieweds`);
			},
			//获取全部消息
			async getNewDataFunc() {
				//请求方法
				//数据验证
				if (this.isLogin == true) {
					let datanewData = await this.$api.get(global.apiUrls.post64140908ca17c, {

					});

					if (datanewData.data.code != 1) {
						this.$message.info(datanewData.data.msg);
						return
					}
					let infonewData = datanewData.data;
					this.newData = infonewData.data
					uni.setTabBarBadge({
						index: 2,
						text: this.newData.no_read_num
					})
				}
			},
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: url(image-path('55.png')) no-repeat, #F8F8F8;
		background-size: 100% auto;
	}

	.index_flex_0 {
		background: url(image-path('55.png')) no-repeat, transparent;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.index_fd0_0_c2 {
		width: 140rpx;
		height: 88rpx;
	}

	.index_fd0_0_c1_c0 {
		font-size: 32rpx;
		font-weight: 700;
		color: #fff;
	}

	.index_fd0_0_c0 {
		width: 140rpx;
		height: 88rpx;
	}

	.index_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
	}

	.index_flex_1 {
		padding: 20rpx 24rpx 32rpx 24rpx;
	}

	.index_fd1_0_c1_c1_c0 {
		width: 24rpx;
		height: 24rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_star1fd1_0_c1_c0_c1_c1 {
		height: 24rpx;
		margin: 0rpx 4rpx 0rpx rpx;
		width: 24rpx;
	}

	.index_star1fd1_0_c1_c0_c1_c1 {
		width: 24rpx;
		height: 24rpx;
		margin: 0rpx 4rpx 0rpx 0rpx;
	}

	.index_fd1_0_c1_c0_c1_c0 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.index_fd1_0_c1_c0_c1 {
		background: rgba(255, 255, 255, 0.2);
		padding: 0rpx 10rpx 0rpx 10rpx;
		background-size: 100% auto !important;
	}

	.index_fd1_0_c1_c0_c0 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #FFFFFF;
		max-width: 280rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd1_0_c1_c0 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.index_fd1_0_c0 {
		width: 96rpx;
		height: 96rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.index_flex_2 {
		background: #fff;
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.index_fd2_1_c1_c1 {
		color: #333333;
		font-weight: 700;
		line-height: 52rpx;
		font-size: 44rpx;
	}

	.index_fd2_1_c0_c1 {
		line-height: 52rpx;
		font-size: 44rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_1_c0_c0 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #666666;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.index_fd2_1 {
		padding: 0rpx 16rpx 0rpx 16rpx;
		margin: 0rpx 0rpx 60rpx 0rpx;
	}

	.index_fd2_0_c2_c1 {
		width: 8rpx;
		height: 16rpx;
		margin: 0rpx 0rpx 0rpx 15rpx;
	}

	.index_fd2_0_c2_c0 {
		color: #999999;
		font-size: 22rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.index_fd2_0_c2 {
		background: rgba(248, 248, 248, 1);
		margin: 0rpx 0rpx 0rpx auto;
		padding: 0rpx 10rpx 0rpx 10rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		height: 40rpx;
		line-height: 40rpx;
	}

	.index_fd2_0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.index_fd2_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd2_0 {
		margin: 24rpx 0rpx 32rpx 0rpx;
	}

	.index_flex_3 {
		background: #fff;
		width: 540rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd3_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: rgba(227, 29, 26, 1);
		width: 269rpx;
		height: 94rpx;
		line-height: 94rpx;
		font-weight: 500;
	}

	.index_fd3_2_c0 {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		background: #fff;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		width: 269rpx;
		height: 94rpx;
		line-height: 94rpx;
		font-weight: 500;
	}

	.index_fd3_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		padding: 0rpx 56rpx 0rpx 56rpx;
		text-align: center;
		margin: 0rpx 0rpx 37rpx 0rpx;
	}

	.index_fd3_0 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 800;
		color: #333333;
		margin: 40rpx 0rpx 32rpx 0rpx;
		padding: 0rpx 56rpx 0rpx 56rpx;
		text-align: center;
	}

	.index_flex_4 {
		background: #fff;
		width: 540rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd4_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: rgba(227, 29, 26, 1);
		width: 269rpx;
		height: 94rpx;
		line-height: 94rpx;
		font-weight: 500;
	}

	.index_fd4_2_c0 {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		background: #fff;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		width: 269rpx;
		height: 94rpx;
		line-height: 94rpx;
		font-weight: 500;
	}

	.index_fd4_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		padding: 0rpx 56rpx 0rpx 56rpx;
		text-align: center;
		margin: 0rpx 0rpx 37rpx 0rpx;
	}

	.index_fd4_0 {
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 800;
		color: #333333;
		margin: 40rpx 0rpx 32rpx 0rpx;
		padding: 0rpx 56rpx 0rpx 56rpx;
		text-align: center;
	}

	.index_flex_5 {
		background: #fff;
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 24rpx 24rpx 32rpx 24rpx;
	}

	.index_fd5_1 {
		width: 654rpx;
		height: 300rpx;
	}

	.index_fd5_0_c3 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
		line-height: 28rpx;
	}

	.index_fd5_0_c2 {
		background: rgba(255, 155, 42, 1);
		width: 24rpx;
		height: 24rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx auto;
	}

	.index_fd5_0_c1 {
		color: #111111;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.index_fd5_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd5_0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.index_flex_6 {
		background: #fff;
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 24rpx 24rpx 32rpx 24rpx;
	}

	.index_fd6_1 {
		width: 654rpx;
		height: 300rpx;
	}

	.index_fd6_0_c3 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
		line-height: 28rpx;
	}

	.index_fd6_0_c2 {
		background: rgba(121, 26, 255, 1);
		width: 24rpx;
		height: 24rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx auto;
	}

	.index_fd6_0_c1 {
		color: #111111;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.index_fd6_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd6_0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.index_flex_7 {
		background: #fff;
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 24rpx 24rpx 32rpx 24rpx;
	}

	.index_fd7_1 {
		width: 654rpx;
		height: 300rpx;
	}

	.index_fd7_0_c3 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
		line-height: 28rpx;
	}

	.index_fd7_0_c2 {
		background: rgba(255, 97, 78, 1);
		width: 24rpx;
		height: 24rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx auto;
	}

	.index_fd7_0_c1 {
		color: #111111;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.index_fd7_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd7_0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.index_flex_8 {
		background: #fff;
		margin: 0rpx 24rpx 32rpx 24rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 24rpx 24rpx 32rpx 24rpx;
	}

	.index_fd8_1 {
		width: 654rpx;
		height: 300rpx;
	}

	.index_fd8_0_c3 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
		line-height: 28rpx;
	}

	.index_fd8_0_c2 {
		background: rgba(211, 14, 255, 1);
		width: 24rpx;
		height: 24rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx auto;
	}

	.index_fd8_0_c1 {
		color: #111111;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.index_fd8_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.index_fd8_0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.index_picker9_0_c2 {
		color: #4781f5;
		font-size: 32rpx;
		font-weight: 400;
	}

	.index_picker9_0_c1 {
		font-size: 36rpx;
		font-weight: 400;
		color: #333;
	}

	.index_picker9_0_c0 {
		font-size: 32rpx;
		font-weight: 400;
		color: #333;
	}

	.index_picker9_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 0rpx 32rpx 0rpx 32rpx;
		border-radius: 25rpx 25rpx 0rpx 0rpx;
		background-size: 100% auto !important;
		height: 110rpx;
	}

	.index_picker10_0_c2 {
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(255, 75, 51, 1);
		line-height: 40rpx;
	}

	.index_picker10_0_c1 {
		font-size: 32rpx;
		font-weight: 400;
		color: #333;
		line-height: 45rpx;
	}

	.index_picker10_0_c0 {
		font-size: 32rpx;
		font-weight: 400;
		color: #333;
		line-height: 40rpx;
	}

	.index_picker10_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 0rpx 32rpx 0rpx 32rpx;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		background-size: 100% auto !important;
		height: 100rpx;
	}
</style>